{% extends app.request.isXmlHttpRequest ? "PopshouseSiteBundle::blank.html.twig" : "PopshouseSiteBundle::layout.html.twig" %}

{% block title %}{{ parent() }} - {{ "head.title" | trans({},"links") }}{% endblock %}

{% block content %}
<div class="content">
        
        <div class="intro" style="height:180px;">
                <figure>
                <div class="left" style="width:43%;overflow:hidden;">
                    <img src="{{ asset('images/photo/links/poppy.jpg') }}" class="bordered" alt="Popshouse" />
                </div>
                </figure>
                <div class="right" style="width:56%;">
                    <section>
                        <h1>{{ "head.title" | trans({},"links") }}</h1>
                        <p>{{ "head.text" | trans({},"links") }}</p>
                    </section>
                 </div>
             </div>
             <hr />
             <article>
             <h1 class="subtitle">{{ "details.title" | trans({},"links") }}</h1>
            <div class="scrollbox" style="height:345px;">

            <ul class="links">
                {% for link in links %}
                <li style="background-color:#2f2f2f; width:90%; padding:5px;">
			    <div class="left"><div class="wrapper"><a href="{{ link.url }}" target="_blank"><img src="{{ asset('images/photo/links/'~ link.id ~'.jpg') }}" alt="{{ link.title }}" /></a></div></div>
			    <div class="right">
			    <div style="width:98%;border-bottom:1px solid #ccc;"><a href="{{ link.url }}" target="_blank" >{{ link.title }}</a></div>
			    <p><a href="{{ link.url }}" target="_blank" style="color:#ccc;text-decoration:none;font-weight:normal;">{{ link.description }}</a></p>
			    </div>
			</li>
                {% endfor %}
            </ul>

            </div>
            </article>
            {% include "PopshouseSiteBundle::arrows.html.twig" %}
       
        </div>
{% endblock %}
